<!--
 * @Author: ChunLai
 * @Date: 2022-02-08 09:07:42
 * @LastEditTime: 2025-08-28 17:15:36
 * @Description: 协议与须知阅读列表 + tab展示栏(产品条款、免责说明书需要必读)
 * @FilePath: \02.bldinsure\src\views\sign\components\ProtocolsReading.vue
-->

<template>
  <div class="readLists" :class="isNetInsure !== '2' ? 'mt10' : ''">
    <div class="mode2_top" v-if="isNetInsure !== '2'">投保条款须知</div>
    <!-- tab展示必读文本/图片 -->
    <MustList v-if="tabLists.length > 0" />
    <!-- 展示必读PDF文件 -->
    <MustReadPdf v-if="pdfMustReadLists.length > 0" />
    <!-- PDF -->
    <PdfList v-if="pdfLists.length > 0" />
    <!-- 二次确认待使用 -->
    <!-- <div class="protocol" @click="tosure()">
      <div class="notice_img">
        <MsImgIcon size="13" name="checked" v-show="clauseSedSure" />
      </div>
      <div class="clause_ul">
        本人对上述确认环节中涉及的保险条款、声明、免责、提示等文件，已充分完整阅读，并了解明白其中的含义及相关责任义务，本人特再次确认
      </div>
    </div> -->
  </div>
</template>

<script>
import { mapGetters } from "vuex";
import MustList from "./protocols/MustList";
import MustReadPdf from "./protocols/MustReadPdf";
import PdfList from "./protocols/PdfList";
export default {
  name: "ProtocolsReading",
  components: {
    MustList,
    MustReadPdf,
    PdfList,
  },
  computed: {
    ...mapGetters({
      tabLists: "readings/tabLists",
      pdfLists: "readings/pdfLists",
      pdfMustReadLists: "readings/pdfMustReadLists",
      clauseSedSure: "common/clauseSedSure",
    }),
  },
  data() {
    return {};
  },
  created() {
    this.$store.commit("common/SET_CLAUSE_SED_SURE", false);
  },
  methods: {
    tosure() {
      this.$store.commit("common/SET_CLAUSE_SED_SURE", true);
    },
  },
};
</script>

<style lang="less" scoped>
@import "./protocols/style.less";
.readLists {
  padding: 10px 12px;
  background-color: #fff;
}
.mode2_top {
  font-size: 16px;
  font-weight: 600;
  font-family: MiSans;
  color: rgba(36, 36, 36, 1);
  padding-bottom: 10px;
}
</style>
